<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>MyWeb</title>
		<!--引入reset.css清除浏览器默认样式-->
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/style1.css"/>
	</head>
	<body>
	<!--Nav-->
	<div class="Nav-main">
		<div class="logo"><a href="#" ><img src="img/logo.png"></a></div>
		<ul class="nav">
			<li><a href="MyContact.html">联系</a></li>
			<li><a href="MyWorks.html">作品</a></li>
			<li><a href="MyResume.html">简历</a></li>
			<li><a href="HomPage.html">介绍</a></li>
			<li><a href="index.html">主页</a></li>
		</ul>
	</div>

	<!--联系-->
		<div class="contact" id="lianxi">
        	<div class="juzhong">
        	<div class="co hom-left">
        		<!-- 创建一个标题 -->
				<h2>Contact</h2>
				<!-- 创建一个表单 -->
				<form action="#">
					<input class="txt" type="text" placeholder="your name"  />
					<input class="txt" type="text" placeholder="your email address" />
					<textarea class="tarea" placeholder="message"></textarea>
					<br />
					<button class="btn">Send it</button>
				</form>
        	</div>
        	<div class="sc hom-left">
        		<h2>Communication</h2>
        		<a href="#"><div class="sc1"></div></a>
        		<a href="#"><div class="sc2"></div></a>
        		<a href="#"><div class="sc3"></div></a>
        		<a href="#"><div class="sc4"></div></a>
        	</div>
        	</div>
       </div>
    <!--地址-->
    <div class="dizhi">
    	<iframe width="604" height="525" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://j.map.baidu.com/2jiMI"></iframe>
    </div>
		<!--footer开始-->
	<div class="footer hom-left">
		<div class="w">
			<p class="copy">Copyright 2017. Studio VIVROCKS. All Rights Reserved.</p><br />
			<p>Site Powered by Wordpress. Design and Developed by VIVROCKS.</p>
			<p><a href="index.html">主页</a>  | <a href="HomPage.html">介绍</a> | <a href="MyResume.html">简历</a> | <a href="MyWorks.html">作品</a>| <a href="MyContact.html">联系</a> 
    		<p><a href="#">Privacy Policy</a> | <a href="#">Terms of use</a></p>
		</div>
	</div>
		<!--footer结束-->
	</body>
</html>
